<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JSDoc: Source: components/containers/welcome.js</title>

    <script src="scripts/prettify/prettify.js"> </script>
    <script src="scripts/prettify/lang-css.js"> </script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>

<body>

<div id="main">

    <h1 class="page-title">Source: components/containers/welcome.js</h1>

    



    
    <section>
        <article>
            <pre class="prettyprint source linenums"><code>import { marqueeLine } from '../dumb';

/**
 * 欢迎组件(示例)
 * @class Welcome
 * @memberof module:components/containers
 * @example
 * import { welcome } from 'path/to/components/containers'
 * export default {
 *     components: {
 *         welcome
 *     },
 *     render(h) {
 *         return (&lt;welcome msg={"World"}>&lt;/welcome>)
 *     }
 * }
 */
const welcome = {
    name: 'welcome',
    components: {
        marqueeLine,
    },
    /**
     * @lends module:components/containers.welcome
     */
    props: {
        /**
         * @type {number}
         * @desc 显示的文案
         */
        msg: {
            type: String,
            default: 'World'
        }
    },
    render(h) { // eslint-disable-line
        return (
            &lt;div v-record-click="/record?type=userclick&amp;action=click">
                { h('div', { domProps: { innerHTML: '&lt;span style="color: red;">Welcome&lt;/span>' } }) }
                &lt;div {...{ domProps: { innerHTML: '&lt;span style="color: red;">Welcome&lt;/span>' } }}>&lt;/div>
                &lt;div class="example" 
                    v-record-load="/record?type=pageload&amp;action=load"
                    v-tap={this.handleClick}>Hello {this.msg}&lt;/div>
                &lt;marquee-line  speed={ 5 }>
                    &lt;div>你好呀, 小妹妹, 叔叔给你糖吃, 叔叔家里还有好多小猫小狗&lt;/div>
                    &lt;div>你好呀, 小妹妹, 叔叔给你糖吃&lt;/div>
                    &lt;div>你好呀, 小妹妹, 叔叔给你糖吃, 叔叔家里还有好多小猫小狗&lt;/div>
                    &lt;div>你好呀, 小妹妹, 叔叔给你糖吃&lt;/div>
                    &lt;div>你好呀, 小妹妹, 叔叔给你糖吃, 叔叔家里还有好多小猫小狗&lt;/div>
                    &lt;div>你好呀, 小妹妹, 叔叔给你糖吃&lt;/div>
                &lt;/marquee-line>
            &lt;/div>
        );
    },
    methods: {
        handleClick() {
            alert(`Hell ${this.msg}`);
        }
    }
};

export default welcome;
</code></pre>
        </article>
    </section>




</div>

<nav>
    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-components_containers.html">components/containers</a></li><li><a href="module-components_dumb.html">components/dumb</a></li><li><a href="module-constants_api.html">constants/api</a></li><li><a href="module-constants_http.html">constants/http</a></li><li><a href="module-net_httpProxy.html">net/httpProxy</a></li><li><a href="module-utils.html">utils</a></li></ul><h3>Classes</h3><ul><li><a href="module-components_containers.Welcome.html">Welcome</a></li><li><a href="module-components_dumb.MarqueeLine.html">MarqueeLine</a></li><li><a href="module-utils.QueryString.html">QueryString</a></li><li><a href="module-utils.Storage.html">Storage</a></li></ul>
</nav>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.3</a> on Thu Feb 09 2017 17:36:20 GMT+0800 (CST)
</footer>

<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>
